<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>校之星首页</title>
    <meta name="keywords" content="关键词">
    <meta name="description" content="网站描述">
    <link rel="Bookmark" href="" ><!--ico图标-->
    <link rel="Shortcut Icon" href=""><!--ico图标-->

    <!-- Bootstrap -->
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

    <!-- H-ui -->
    <link href="h-ui/static/h-ui/css/H-ui.css" rel="stylesheet" type="text/css" />
    <link href="h-ui/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />

    <!--自己的样式-->
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class="container-fluid">
    <!--登录条 开始-->
    <div class="container-fluid bg-fff">
        <div class="container-center Height-40">
            <div class="xzx-name fontSize-16 pull-left">
                <a class="fontColor-4c4c4c" href="index.html" target="">校之星足球联盟网站</a>
            </div>
            <div class="xzx-dl-zc pull-left">
                <a class="xzx-dl fontSize-14" href="login.html" target="" title="登录">登录</a>
                <a class="xzx-zc fontSize-14" href="register.html" target="" title="注册">注册</a>
            </div>
            <form class="xzx-ss pull-right bor-rad-4">
                <input class="ss-input" type="text"  placeholder="请输入关键字">
                <button type="submit" class="ss-btn pull-right"><img src="images/common/top_ss_icon.png"></button>
            </form>
        </div>
    </div>
    <!--登录条 结束-->

    <!-- 头部图片 开始-->
    <div class="xzx-topPic"></div>
    <!-- 头部图片 结束-->

    <!-- 导航栏 开始-->
    <div class="nav-bg">
        <div class="container-center Height-50 bgColor-029937">
            <ul class="xzx-nav nav navbar-nav fontSize-20">
                <li class="active"><a href="index.html" target="">首页</a></li>
                <li class=""><a href="zcfg.html" target="">政策法规</a></li>
                <li class="dropdown">
                    <a href="zxdt-xw.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">最新动态</a>
                    <ul class="dropdown-menu">
                        <li><a href="zxdt-xw.html" target="">新闻</a></li>
                        <li><a href="zxdt-gg.html" target="">公告</a></li>
                        <li><a href="zxdt-ss.html" target="">赛事</a></li>
                        <li><a href="zxdt-hd.html" target="">活动</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="pxfw.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">培训访问</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">外出访问</a></li>
                        <li><a href="#">冬夏令营</a></li>
                        <li><a href="#">教师培训</a></li>
                    </ul>
                </li>
                <li><a href="#">足球联盟</a></li>
                <li class=""><a href="jccx.html" >精彩呈现</a></li>
                <li class="dropdown">
                    <a href="tdjj.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">团队介绍</a>
                    <ul class="dropdown-menu">
                        <li><a href="tdjj-jl.html">教练团队</a></li>
                        <li><a href="#">管理团队</a></li>
                        <li><a href="tdjj-jl.html">顾问专家</a></li>
                    </ul>
                </li>
                <li><a href="hzjl.html">合作交流</a></li>
                <li><a href="gywm.html">关于我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 导航栏 结束-->
</header>

<div class="container-fluid banner-bg">
    <!-- banner 开始-->
    <div class="container-center">
        <div id="myCarousel" class="carousel slide index-slide" data-ride="carousel" data-interval="2000">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <!-- 图片形式-->
                    <img src="images/index/banner-pic.png" alt="Second slide">
                </div>
                <div class="item">
                    <!-- 视频形式-->
                    <video width="1200" height="370" controls>
                        <source src="movie.mp4" type="video/mp4">
                        <source src="movie.ogg" type="video/ogg">
                        <source src="movie.webm" type="video/webm">
                        <object data="movie.mp4" width="1200" height="370">
                            <embed src="movie.swf" width="1200" height="370">
                        </object>
                    </video>
                </div>
                <div class="item">
                    <img src="images/index/banner-pic.png" alt="Second slide">
                </div>
            </div>
        </div>
        <!-- banner下方梯形-->
        <div class="banner-trapezoid"></div>
    </div>
    <!-- banner 结束-->
</div>


<div class="container-center Height-60 clearfix"><!--此div是占高形状--></div>

<!--俱乐部简介 开始-->
<div class="container-center clearfix">
    <div class="model-tit">
        <h5 class="fontSize-18"><span class="mt-icon"></span>俱乐部简介</h5>
        <!--<a class="fontSize-18" href="###" target="">更多</a>-->
    </div>

    <div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

    <div class="jlb-jj pull-left">
        <h5 class="fontSize-18 fontColor-4c4c4c text-center">关于我们</h5>

        <div class="jj-scroll">
            <ul id="notice" class="">
                <li class="">
                    <p>
                        校之星(北京)足球俱乐部有限公司（以下简称“校之星”），是中外合作举办的以推动中国青少年校园足球运动事业和体育产业为主业的实体机构。
                    </p>
                    <p>
                        “校之星”设立高培中心、青训部、赛事部、试验区工作部、体育产业部、国际合作部等职能部门，以及行政办公室、法务部、财务部、人事部、网络管理部、后勤保障部等内设部门。
                    </p>
                    <p>
                        俱乐部理念：足球梦，少年强；少年强，则中国强
                    </p>
                </li>
            </ul>
        </div>

        <a class="jj-more-btn fontSize-14 bor-rad-4 pull-right" href="gywm.html" target="">了解更多</a>
    </div>
    <div class="jlb-pic pull-right">
        <a href="###" target="">
            <img class="img-transform" src="images/index/index_jjPic.png" width="693" height="320">
        </a>
    </div>
</div>
<!--俱乐部简介 结束-->

<div class="container-center Height-80 clearfix"><!--此div是占高形状--></div>

<!--最新动态 开始-->
<div class="container-center clearfix">
    <div class="model-tit">
        <h5 class="fontSize-18"><span class="mt-icon"></span>最新动态</h5>
        <a class="fontSize-18" href="zxdt-xw.html" target="">更多</a>
    </div>

    <div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>
    
    <div class="zxdt">
        <ul>
            <li>
                <div class="dt-pic">
                    <img src="images/index/zxdt_pic1.jpg" width="285" height="200">
                </div>
               <div class="dt-detail">
                   <p class="">
                       <a href="zxdt-xw-xqy.html" target="">
                           为了庆祝新中国成立七十周年,促进琼港澳台青少年交流助力琼港澳台四地青年共同成长日至22日开打......
                       </a>
                   </p>
                   <a class="" href="zxdt-xw-xqy.html" target="">更多</a>
               </div>
                <div class="dt-list">
                    <a href="zxdt-xw.html" target="">新闻</a>
                </div>
            </li>
            <li>
                <div class="dt-pic">
                    <img src="images/index/zxdt_pic2.jpg" width="285" height="200">
                </div>
                <div class="dt-detail">
                    <p class="">
                        <a href="###" target="">
                            为了庆祝新中国成立七十周年,促进琼港澳台青少年交流助力琼港澳台四地青年共同成长日至22日开打......
                        </a>
                    </p>
                    <a class="" href="###" target="">更多</a>
                </div>
                <div class="dt-list">
                    <a href="zxdt-gg.html" target="">公告</a>
                </div>
            </li>
            <li>
                <div class="dt-pic">
                    <img src="images/index/zxdt_pic3.jpg" width="285" height="200">
                </div>
                <div class="dt-detail">
                    <p class="">
                        <a href="###" target="">
                            为了庆祝新中国成立七十周年,促进琼港澳台青少年交流助力琼港澳台四地青年共同成长日至22日开打......
                        </a>
                    </p>
                    <a class="" href="###" target="">更多</a>
                </div>
                <div class="dt-list">
                    <a href="###" target="">活动</a>
                </div>
            </li>
            <li>
                <div class="dt-pic">
                    <img src="images/index/zxdt_pic4.jpg" width="285" height="200">
                </div>
                <div class="dt-detail">
                    <p class="">
                        <a href="###" target="">
                            为了庆祝新中国成立七十周年,促进琼港澳台青少年交流助力琼港澳台四地青年共同成长日至22日开打......
                        </a>
                    </p>
                    <a class="" href="###" target="">更多</a>
                </div>
                <div class="dt-list">
                    <a href="zxdt-ss.html" target="">赛事</a>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--最新动态 结束-->

<div class="container-center Height-80 clearfix"><!--此div是占高形状--></div>

<!--培训访问 开始-->
<div class="container-center clearfix">
    <div class="model-tit">
        <h5 class="fontSize-18"><span class="mt-icon"></span>培训访问</h5>
        <!--<a class="fontSize-18" href="###" target="">更多</a>-->
    </div>

    <div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

    <div class="pxfw">
        <ul>
            <li>
                <div class="pxfw-pic"><img src="images/index/pxfw_pic1.jpg" width="380" height="300" title=""></div>
                <a class="pxfw-opacity" href="###" target="">
                    <h4>出外访问</h4>
                    <h5>了解详情</h5>
                </a>
                <div class="op-bg"></div>
            </li>
            <li>
                <div class="pxfw-pic"><img src="images/index/pxfw_pic2.jpg" width="380" height="300" title=""></div>
                <a class="pxfw-opacity" href="###" target="">
                    <h4>出外访问</h4>
                    <h5>了解详情</h5>
                </a>
                <div class="op-bg"></div>
            </li>
            <li>
                <div class="pxfw-pic"><img src="images/index/pxfw_pic3.jpg" width="380" height="300" title=""></div>
                <a class="pxfw-opacity" href="###" target="">
                    <h4>出外访问</h4>
                    <h5>了解详情</h5>
                </a>
                <div class="op-bg"></div>
            </li>
        </ul>
    </div>
</div>
<!--培训访问 结束-->

<div class="container-center Height-60 clearfix"><!--此div是占高形状--></div>

<!--团队介绍 开始-->
<div class="container-fluid tdjs-bg">
    <div class="container-center clearfix">
        <div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

        <div class="model-tit model-tit1">
            <h5 class="fontSize-18"><span class="mt-icon"></span>团队介绍</h5>
            <!--<a class="fontSize-18" href="###" target="">更多</a>-->
        </div>

        <div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

        <div id="myCarousel-td" class="carousel slide tdjs-slide" data-ride="carousel" data-interval="2000">
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <a href="tdjj.html" target="">
                        <div class="tdjs-pic pull-left"><img src="images/index/tdjs_pic1.png" width="218" height="326"></div>
                        <div class="tdjs-nr pull-right">
                            <h4 class="fontSize-18">李意华</h4>
                            <p class="fontSize-16">
                                男，1960年2月27日生，北京人。 [1]  国家队足球运动员，曾获第四届全运会亚军、82年全国甲级联赛冠军和85年第二届足协杯赛冠军。1990年开始教练生涯。
                            </p>

                            <div class="container-center Height-20 clearfix"><!--此div是占高形状--></div>

                            <h4 class="fontSize-16">曾获奖项：</h4>
                            <p class="fontSize-16">1997年6月带领队伍参加马来西亚世界青年足球锦标赛决赛；</p>
                            <p class="fontSize-16">1998年10月参加第31届泰国亚州青年足球锦标赛；</p>
                            <p class="fontSize-16">1999年获全国青少年联赛第2名；</p>
                            <p class="fontSize-16">2001年辽宁杯青训联赛第1名；</p>
                            <p class="fontSize-16">2002年亚洲杯青少年联赛第3名；</p>
                            <p class="fontSize-16">2003年中国青少年联赛第1名；</p>
                        </div>
                        <div class="tdjs-bg"></div>
                    </a>
                </div>
                <div class="item">
                    <a href="tdjj.html" target="">
                        <div class="tdjs-pic pull-left"><img src="images/index/tdjs_pic1.png" width="218" height="326"></div>
                        <div class="tdjs-nr pull-right">
                            <h4 class="fontSize-18">李意华</h4>
                            <p class="fontSize-16">
                                男，1960年2月27日生，北京人。 [1]  国家队足球运动员，曾获第四届全运会亚军、82年全国甲级联赛冠军和85年第二届足协杯赛冠军。1990年开始教练生涯。
                            </p>

                            <div class="container-center Height-20 clearfix"><!--此div是占高形状--></div>

                            <h4 class="fontSize-16">曾获奖项：</h4>
                            <p class="fontSize-16">1997年6月带领队伍参加马来西亚世界青年足球锦标赛决赛；</p>
                            <p class="fontSize-16">1998年10月参加第31届泰国亚州青年足球锦标赛；</p>
                            <p class="fontSize-16">1999年获全国青少年联赛第2名；</p>
                            <p class="fontSize-16">2001年辽宁杯青训联赛第1名；</p>
                            <p class="fontSize-16">2002年亚洲杯青少年联赛第3名；</p>
                            <p class="fontSize-16">2003年中国青少年联赛第1名；</p>
                        </div>
                        <div class="tdjs-bg"></div>
                    </a>
                </div>
                <div class="item">
                    <a href="tdjj.html" target="">
                        <div class="tdjs-pic pull-left"><img src="images/index/tdjs_pic1.png" width="218" height="326"></div>
                        <div class="tdjs-nr pull-right">
                            <h4 class="fontSize-18">李意华</h4>
                            <p class="fontSize-16">
                                男，1960年2月27日生，北京人。 [1]  国家队足球运动员，曾获第四届全运会亚军、82年全国甲级联赛冠军和85年第二届足协杯赛冠军。1990年开始教练生涯。
                            </p>

                            <div class="container-center Height-20 clearfix"><!--此div是占高形状--></div>

                            <h4 class="fontSize-16">曾获奖项：</h4>
                            <p class="fontSize-16">1997年6月带领队伍参加马来西亚世界青年足球锦标赛决赛；</p>
                            <p class="fontSize-16">1998年10月参加第31届泰国亚州青年足球锦标赛；</p>
                            <p class="fontSize-16">1999年获全国青少年联赛第2名；</p>
                            <p class="fontSize-16">2001年辽宁杯青训联赛第1名；</p>
                            <p class="fontSize-16">2002年亚洲杯青少年联赛第3名；</p>
                            <p class="fontSize-16">2003年中国青少年联赛第1名；</p>
                        </div>
                        <div class="tdjs-bg"></div>
                    </a>
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel-td" role="button" data-slide="prev">
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel-td" role="button" data-slide="next">
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
</div>
<!--团队介绍 结束-->

<div class="container-center Height-60 clearfix"><!--此div是占高形状--></div>

<!--俱乐部风采 开始-->
<div class="container-center clearfix">
    <div class="model-tit">
        <h5 class="fontSize-18"><span class="mt-icon"></span>俱乐部风采</h5>
        <!--<a class="fontSize-18" href="###" target="">更多</a>-->
    </div>

    <div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>
        <div class="jlbfc" id="jlbfc-eq">
            <div class="fc-left pull-left">
                <div class="left1"><img class="img-transform" src="images/index/fc_left1.jpg" width="500" height="320"></div>
                <div class="left2 pull-left"><img class="img-transform" src="images/index/fc_left2.jpg" width="242" height="150"></div>
                <div class="left3 pull-left"><img class="img-transform" src="images/index/fc_left3.jpg" width="242" height="150"></div>
            </div>
            <div class="fc-center pull-left">
                <div class="center1"><img class="img-transform" src="images/index/fc_center1.jpg" width="230" height="150"></div>
                <div class="center2"><img class="img-transform" src="images/index/fc_center2.jpg" width="230" height="160"></div>
                <div class="center3"><img class="img-transform" src="images/index/fc_center3.jpg" width="230" height="150"></div>
            </div>
            <div class="fc-right pull-left">
                <div class="right1"><img class="img-transform" src="images/index/fc_right1.jpg" width="450" height="235"></div>
                <div class="right2"><img class="img-transform" src="images/index/fc_right2.jpg" width="450" height="235"></div>
            </div>
        </div>
    </div>
</div>

<!--俱乐部风采 结束-->

<div class="container-center Height-60 clearfix"><!--此div是占高形状--></div>

<!--返回顶部 开始-->
<div id="back-to-top" class="return_infor"></div>
<!--返回顶部 结束-->

<!--底部备案号 开始-->
<footer class="bah">
    <div class="container-center p-t-14">
        <p class="bah-p1">
            <a href="gywm.html" target="">关于校之星</a>
            <a href="gywm.html#about-dz" target="">联系我们</a>
        </p>
        <p>Copyright  2019  校之星足球网站版权所有</p>
        <p>备案号：京ICP备00000000号</p>
    </div>
</footer>
<!--底部备案号 结束-->

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap-hover-dropdown.js"></script>
<!-- 加载 H-ui 的 JavaScript 插件-->
<script type="text/javascript" src="h-ui/static/h-ui/js/H-ui.js"></script>

<!-- 新加js -->
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>